<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv ="X-UA-Compatible" content="IE=edge,chrome=1" />
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/home.css">
		<link rel="stylesheet" href="css/base.css">
		<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
		<script type="text/javascript" src="js/index.js" ></script>
		<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/personInfro.js"></script>
		<title>舆情定制</title>
		<!--<style>
			body,html{
				height: 100%;
				/*background: #f5f3f3;*/
			}
		</style>-->
	</head>
	<body>
		<div class="wholePublic-box">
			<div class="wholePublic-header clearfix">
				<div class="wholePublic-logo fl">
					<a href="index-logged.html"><img src="images/logo-2.png" /></a>
				</div>
				<div class="wholePublic-header-list fl">
					<ul class="clearfix">
						<li onclick="javascript:window.location='wholePublic-company.html'">全部舆情</li>
						<li class="wholePublic-border" onclick="javascript:window.location='my-custom.html'">舆情定制</li>
						<li onclick="javascript:window.location='analysis.html'">分析报告</li>
						<li onclick="javascript:window.location='thinkTank.html'">智库</li>
						<li onclick="javascript:window.location='contactUs.html'">联系我们</li>
					</ul>
				</div>
				<div class="wholePublic-header-right fr">
					<ul class="clearfix">
						<li id="line"><img src="images/line-2.png" /></li>
						<li onclick="javascript:window.location='my-custom.html'">我的定制</li>
						<li id="exit"><img src="images/exit-2.png" /></li>
						<li class="setting-icon">
							<a href="personal-setting.html"><img src="images/setting-icon.png"/></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="grcolor-box"></div>
			<div class="wholePublic-mainBody clearfix">
			
				<!--<div style="width: 14%;"></div>-->
			
				<div class="wholePublic-leftContent wholePublic wholePublic-part2 fl" id="col1">
					<ul>
						<li onclick="javascript:window.location='my-custom.html'"><img src="images/my-custom-icon.png" /><span>我的定制</span></li>
						<li onclick="javascript:window.location='custom-setting.html'"><img src="images/custom-icon.png" /><span>定制设置</span></a></li>
						<li class="wholePublic-selected" onclick="javascript:window.location='warning-custom.html'"><img src="images/warning-icon-selected.png" /><span>预警推送</span></li>
					</ul>
				</div>
				<div class="wholePublic-rightContent fl">
					
					
					<div class="warning-box">
						<div class="btns">
							<button class="open btns-selected">开启预警</button>
							<button>关闭预警</button>
						</div>
						<div class="classify">
							<div class="classify-btns"><span class="span-1 option-selected fl"></span><span>邮件预警</span></div>
							<div><input type="email" placeholder="输入邮件地址"/></div>
						</div>
						<div class="classify">
							<div class="classify-btns"><span class="span-1 option-selected fl"></span><span>短信预警</span></div>
							<div><input type="tel" placeholder="输入手机号码"/></div>
						</div>
						<div class="classify">
							<div class="classify-btns"><span class="span-1 option-selected fl"></span><span>APP预警</span></div>
							<div class="code">
								APP二维码
							</div>
						</div>
						<div class="classify">
							<div class="classify-btns"><span class="span-1 option-selected fl"></span><span>微信预警</span></div>
							<div class="code">
								微信二维码
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script>
	Resize=function(){
		var doc = document.documentElement;  
    	relHeight = (doc.clientHeight > doc.scrollHeight) ? doc.clientHeight : doc.scrollHeight;//获取屏幕高度和当前页面高度中的较大值  
   		document.getElementById('col1').style.height = relHeight-82+'px';//id为bg的div就是我页面中的遮罩层
	}
	Resize()
	window.onresize=function(){
		Resize()
	}
</script>